<template>
	<view class="generalSettings-box">
		<my-top @back="back" :isline="true" title="通用设置"></my-top>
		<view class="content">
			<view @click="jump(index)" class="context-item" v-for="(item,index) in editList" :key="index">
				<text class="title">{{item}}</text>
				<text class="iconfont todaygengduo"></text>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				editList: ["账号与安全", "外观设置", "邀请好友享福利", "帮助中心", "新手指南", "关于", "提醒与通知"]
			}
		},
		methods: {
			back(){
				uni.navigateTo({
				    url: '../index',
				    animationType: 'pop-in',
				    animationDuration: 200
				});
			},
			jump(index) {
				console.log(index);
				switch (index) {
					case 0:
						uni.navigateTo({	
							url: "AccountSecurity/index",
							animationType: "pop-in",
							animationDuration: 200
						})
						break;
					case 1:
						uni.navigateTo({
							url: "themeSetting/index",
							animationType: "pop-in",
							animationDuration: 200
						})
						break;
					case 2:
						break;
					case 3:
						break;
					case 4:
						break;
					case 5:
						break;
					case 6:
						break;
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.title {
		width: auto;
		position: relative;
	}

	.generalSettings-box {
		background-color: #F8F8F8;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.content {
		width: 100%;

		.context-item {
			width: 100%;
			padding: 0 32rpx;
			display: flex;
			height: 100rpx;
			margin: 12rpx 0;
			background-color: white;
			align-items: center;
			font-size: 28rpx;
			color: #121212;
			justify-content: space-between;
			// border-bottom: 3rpx dashed #888888;
		}
	}
</style>
